<#assign base=request.contextPath />
<!DOCTYPE html>
<html>

	<head>
		<base id="base" href="${base}">
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="description" content="personal blog rigister page" />
		<meta name="author" content="lihongpeng" />
		<title>注册</title>
		<link rel="stylesheet" href="/jianyi-blog/css/plugins/bootstrap.min.css" />
		<link rel="stylesheet" href="/jianyi-blog/css/ourcss/blog-css.css" />
	</head>

	<body>
		<input type="hidden" id="base" value="${base}">
		<header class="container lhp-header">
			<h1 class="text-center">简易BLOG-注册</h1>
		</header>
		<div class="container">
			<div class="row">
				<div class="col-xs-1 col-sm-3 col-md-3 col-lg-3 text-center"></div>
				<div class="col-xs-10 col-sm-6 col-md-6 col-lg-6 lhp-rigister-content">
					<ul class="nav nav-tabs" role="tablist">
						<li role="presentation" class="active col-xs-6 col-sm-6 col-md-6 col-lg-6 ">
							<a href="#phone" class="row text-center" role="tab" data-toggle="tab">手机号注册</a>
						</li>
						<li role="presentation" class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
							<a href="#email" class="row text-center" role="tab" data-toggle="tab">邮箱注册</a>
						</li>
					</ul>
					<div class="tab-content">
						<div role="tabpanel" class="tab-pane fade in active" id="phone">
							<div class="col-sm-12">
								<form class="form-horizontal" role="form">
									<div class="form-group">
									</div>
									<div class="form-group">
										<label for="inputPhone" class="col-xs-12 col-sm-4 col-md-4 col-lg-4 control-label">手机号</label>
										<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 ">
											<input type="tel" class="form-control" id="inputPhone" maxlength="11" placeholder="手机号">
										</div>
									</div>
									<div class="form-group">
										<label for="inputPassword" class="col-xs-12 col-sm-4 col-md-4 col-lg-4 control-label">密码</label>
										<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 ">
											<input type="password" class="form-control" id="inputPassword" placeholder="密码">
										</div>
									</div>
									<div class="form-group">
										<label for="inputPassword" class="col-xs-12 col-sm-4 col-md-4 col-lg-4 control-label">确认密码</label>
										<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 ">
											<input type="password" class="form-control" id="inputConfirmPassword" placeholder="密码">
										</div>
									</div>
									<div class="form-group">
										<label for="identifyingCode" class="col-xs-12 col-sm-4 col-md-4 col-lg-4 control-label">验证码</label>
										<div class="col-xs-6 col-sm-4 col-md-4 col-lg-4">
											<input type="text" class="form-control" id="identifyingCode" maxlength="6" placeholder="六位验证码">
										</div>
										<div class="col-xs-6 col-sm-4 col-md-4 col-lg-4">
											<button type="button" class="btn btn-default" id="messageCodeBtn" onclick="sendMessage()">获取验证码</button>
										</div>
									</div>
									<div class="form-group">
										<div class="col-xs-2 col-sm-4 col-md-4 col-lg-4">
										</div>
										<div class="col-xs-10 col-sm-8 col-md-8 col-lg-8">
											<label><input type="checkbox" class="lhp-rigister-checked">同意</label>
											<a style="vertical-align:middle;">《XX协议》</a>
										</div>
									</div>
									<div class="form-group">
										<div class="col-xs-0 col-sm-4 col-md-4 col-lg-4">
										</div>
										<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
											<button type="button" onclick="submitByAjax()" class="btn btn-primary btn-lg btn-block">注册</button>
										</div>
										<div class="col-xs-0 col-sm-4 col-md-4 col-lg-4">
										</div>
									</div>
								</form>
							</div>
						</div>
						<div role="tabpanel" class="tab-pane fade" id="email">
							<div class="col-sm-12">
								<form class="form-horizontal" role="form">
									<div class="form-group">
									</div>
									<div class="form-group">
										<label for="inputEmail" class="col-xs-12 col-sm-4 col-md-4 col-lg-4 control-label">邮箱</label>
										<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 ">
											<input type="email" class="form-control" id="inputEmail" placeholder="邮箱">
										</div>
									</div>
									<div class="form-group">
										<label for="inputPassword1" class="col-xs-12 col-sm-4 col-md-4 col-lg-4 control-label">密码</label>
										<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 ">
											<input type="password" class="form-control" id="inputPassword1" placeholder="密码">
										</div>
									</div>
                                    <div class="form-group">
                                        <label for="inputPassword" class="col-xs-12 col-sm-4 col-md-4 col-lg-4 control-label">确认密码</label>
                                        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 ">
                                            <input type="password" class="form-control" id="inputConfirmPassword1" placeholder="密码">
                                        </div>
                                    </div>
									<div class="form-group">
										<label for="identifyingCode1" class="col-xs-12 col-sm-4 col-md-4 col-lg-4 control-label">验证码</label>
										<div class="col-xs-6 col-sm-4 col-md-4 col-lg-4">
											<input type="text" class="form-control" id="identifyingCode1" maxlength="6" placeholder="四位验证码">
										</div>
										<div class="col-xs-6 col-sm-4 col-md-4 col-lg-4">
											<img id="imgObj" title="看不清楚" src="/jianyi-blog/code/imgCode?timestamp=1485079092201" onclick="changeImg()" class="lhp-rigister-code"/>
										</div>
									</div>
									<div class="form-group">
										<div class="col-xs-2 col-sm-4 col-md-4 col-lg-4">
										</div>
										<div class="col-xs-10 col-sm-8 col-md-8 col-lg-8">
											<label><input type="checkbox" class="lhp-rigister-checked">同意</label>
											<a style="vertical-align:middle;">《XX协议》</a>
										</div>
									</div>
									<div class="form-group">
										<div class="col-xs-0 col-sm-4 col-md-4 col-lg-4">
										</div>
										<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
											<button onclick="submitByAjax()" type="button" class="btn btn-primary btn-lg btn-block">注册</button>
										</div>
										<div class="col-xs-0 col-sm-4 col-md-4 col-lg-4">
										</div>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
				<div class="col-xs-1 col-sm-3 col-md-3 col-lg-3 text-center"></div>
			</div>
		</div>
		<script type="text/javascript" src="/jianyi-blog/js/plugins/jquery-3.1.1.min.js"></script>
		<script type="text/javascript" src="/jianyi-blog/js/plugins/bootstrap.min.js"></script>
		<script type="text/javascript" src="/jianyi-blog/js/ourjs/register.js"></script>
        <script type="text/javascript" src="/jianyi-blog/js/plugins/des/tripledes.js"></script>
        <script type="text/javascript" src="/jianyi-blog/js/plugins/des/mode-ecb-min.js"></script>
	</body>

</html>